<extend name="base/index" />

	<block name="content">
		<!-- 页面部分 -->
		<div class="page-content">

			<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
			<div id="portlet-config" class="modal hide">
				<div class="modal-header">
					<button data-dismiss="modal" class="close" type="button"></button>
					<h3>portlet Settings</h3>
				</div>
				<div class="modal-body">
					<p>Here will be a configuration form</p>
				</div>
			</div>

			<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->

			<!-- BEGIN PAGE CONTAINER-->        
			<div class="container-fluid">
				<!-- 页面级头部 -->

				<div class="row-fluid">
					<div class="span12">
						<!-- BEGIN PAGE TITLE & BREADCRUMB-->
						<h3 class="page-title">
							用户组管理 <small>用户组列表</small>
						</h3>

						<ul class="breadcrumb">
							<li>
								<i class="icon-home"></i>
								<a href="{:U('Admin')}">管理后台</a> 
								<i class="icon-angle-right"></i>
							</li>
							<li>
								<a href="#">用户组列表</a>
							</li>
						</ul>
						<!-- END PAGE TITLE & BREADCRUMB-->
					</div>

				</div>
				<!-- END 页面级头部 -->

				<!-- BEGIN PAGE CONTENT-->

				<div class="row-fluid">
					<div class="span12">
						<!-- BEGIN EXAMPLE TABLE PORTLET-->
						<div class="portlet box blue">
							<div class="portlet-title">
								<div class="caption"><i class="icon-edit"></i>用户组列表</div>
								<div class="tools">
									<a href="javascript:;" class="collapse"></a>
									<a href="#portlet-config" data-toggle="modal" class="config"></a>
									<a href="javascript:;" class="reload"></a>
									<a href="javascript:;" class="remove"></a>
								</div>
							</div>

							<div class="portlet-body">
								<div class="clearfix">
									<div class="btn-group">
										<a href="{:U('Admin/Auth/group_add')}" id="sample_editable" class="btn green">
										添加新用户组 <i class="icon-plus"></i>
										</a>
									</div>

									<div class="btn-group pull-right">
										<button class="btn dropdown-toggle" data-toggle="dropdown">功能 <i class="icon-angle-down"></i></button>
										
										<ul class="dropdown-menu pull-right">
											<li><a href="#"><i class="icon-pencil"></i> 编辑</a></li>
											<li><a href="#"><i class="icon-trash"></i> 删除</a></li>
											<li><a href="#"><i class="icon-ban-circle"></i> 禁用</a></li>
											<li class="divider"></li>
											<li><a href="#"><i class="i"></i> 设置管理</a></li>
										</ul>
									</div>
								</div>

								<table class="table table-striped table-hover table-bordered" id="sample_editable_1">
									<thead>
										<tr>
											<th>ID</th>
											<th>模块</th>
											<th>组名</th>
											<th>状态</th>
											<th>成员</th>
											<th>编辑</th>
											<th>删除</th>
										</tr>
									</thead>

								<notempty name="_list">
								<volist name="_list" id="vo">
									<tbody>
										<tr class="">
											<td><input type="checkbox" class="checkboxes" value="{$vo.id}" />{$vo.id}</td>
											<td>{$vo.module}</td>
											<td>{$vo.title}</td>
											<td class="center"><if condition="$vo.status = 1"><div class="icon-ok"></div><else/><div class="icon-remove"></div></if></td>
											<td><a class="edit" href="{:U('Admin/Auth/group_user')}?gid={$vo.id}">成员管理</a></td>
											<td><a class="edit" href="{:U('Admin/Auth/group_edit')}?id={$vo.id}">编辑</a></td>
											<td><a class="delete" href="{:U('Admin/Auth/group_del')}?id={$vo.id}">删除</a></td>
										</tr>
									</tbody>
									</volist>
									<else/>
									<td colspan="9" class="text-center"> aOh! 暂时还没有内容! </td>
									</notempty>
								</table>
							</div>
						</div>

						<!-- END EXAMPLE TABLE PORTLET-->
					</div>
				</div>
				<!-- END 页面内容 -->

			</div>
			<!-- END PAGE CONTAINER-->
		</div>
	<!-- 页面部分 -->
	</block>

	<block name="script">
		
		<script>
		jQuery(document).ready(function() {    
		   App.init(); // initlayout and core plugins

		   //Index.initIntro();
		});
		</script>
	</block>